@import 'config';

.slide-bar-container {
  position: fixed;
  left: 50%;
  bottom: 100px;
  margin-left: 520px;
  width: 50px;
  a {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: 1px solid map-get($defaultColor, borderColor);
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    color: map-get($defaultColor, c3);
    &:nth-of-type(1) {
      border-bottom: 0;
    }
    span {
      display: block;
      width: 100%;
      height: 100%;
      padding: 5px;
      font-size: 14px;
      line-height: 20px;
      display: none;
    }
    &:hover {
      color: currentColor;
      i {
        display: none;
      }
      span {
        opacity: 1;
        display: block;
      }
    }
  }
}